<script setup lang="ts">
import BlockBox from '../BlockBox.vue';
import { ESSelect, ESOption } from '../../packages/index'
import { ref } from 'vue';
const val = ref(undefined);

</script>

<template>
    <BlockBox text="select">
        <div style="width: 500px;height: 200px;display: flex;justify-content: center;align-items: center;">
            <ESSelect v-model="val">
                <ESOption :value="'Beijing'">Beijing</ESOption>
                <ESOption :value="'Shanghai'" disabled>Shanghai</ESOption>
                <ESOption :value="'Nanjing'">Nanjing</ESOption>
                <ESOption :value="'Chengdu'">Chengdu</ESOption>
            </ESSelect>
        </div>
    </BlockBox>
</template>

<style scoped></style>
